<template>
  <div class="home-container">
        <!-- 头部区域 -->
        <home-top></home-top>
        <!--主体区域 -->
        <div class="main">
          <!-- 导航区域 -->
            <div class="aside">
               <my-aside></my-aside>
            </div>
            <!--信息区域 -->
            <div class="right">
              <router-view></router-view>
            </div>
        </div>
  </div>
</template>

<script>
import HomeTop from '../../sbucomponent/home-top/Home-Top.vue'
import MyAside from '../../sbucomponent/home-main/Aside.vue'
export default {
  components: { HomeTop ,MyAside},
    name:'MyHome'

}
</script>

<style lang="less" scoped>
  .home-container{
    height: 500px;
    width: 900px;
    border: 1px solid #efefef;
    margin-left: 50px;
    .main{
      display: flex;
      width: 100%;
      height: 438px;
      .aside{
        height: 100%;
      }
      .right{
       width: 100%;
       height: 100%;
      }
    }
  }
</style>